@layout("/common/_container.html"){
<div class="row">
    <div class="col-sm-12">
        <div class="ibox float-e-margins">
            <div class="ibox-title">
                <h5>预算管理</h5>
            </div>
            <div class="ibox-content">
                <div class="row row-lg">
                    <div class="col-sm-12">
                        <div class="row">

                            <div class="col-sm-3">
                                <div class="input-group">
                                    <div class="input-group-btn">
                                        <button data-toggle="dropdown" class="btn btn-white dropdown-toggle" type="button">
                                            预算类型
                                        </button>
                                    </div>
                                    <select class="form-control" id="budgetkind">
                                        <option value="">--全部--</option>
                                        @for(items in classificationList){
                                        <option value="${items.classcode}">${items.name}</option>
                                        @}
                                    </select>
                                </div>
                            </div>

                            <div class="col-sm-3">
                                <div class="input-group">
                                    <div class="input-group-btn">
                                        <button data-toggle="dropdown" class="btn btn-white dropdown-toggle" type="button">
                                            选择年月:
                                        </button>
                                    </div>
                                    <input type="text" class="form-control" id="month1"  placeholder="全部" readonly  />
                                </div>
                            </div>

                            <div class="col-sm-3">
                                <#button name="搜索" icon="fa-search" clickFun="Budget.search()"/>
                            </div>
                        </div>

                        <div class="hidden-xs" id="BudgetTableToolbar" role="group">

                            @if(shiro.hasPermission("/budget/add")){
                            <#button name="添加" icon="fa-plus" clickFun="Budget.openAddBudget()"/>
                            @}
                            @if(shiro.hasPermission("/budget/update")){
                            <#button name="修改" icon="fa-edit" clickFun="Budget.openBudgetDetail()" space="true"/>
                            @}
                            @if(shiro.hasPermission("/budget/delete")){
                            <#button name="删除" icon="fa-remove" clickFun="Budget.delete()" space="true"/>
                            @}


<!--                            <label id="lab1" style="margin-left: 680px">总的预算金额：${bigDecima}</label>-->


                        </div>


                        <#table id="BudgetTable" />




                    </div>

                </div>

            </div>
        </div>
    </div>
</div>

<script src="${ctxPath}/static/modular/budget/budget/budget.js"></script>
<script src="${ctxPath}/static/modular/budget/budget/budget_info.js"></script>
<script language="JavaScript">
    laydate.render({
        elem:'#month1'
        ,trigger:'click'
        ,type:'month'
        ,btns: ['confirm']
        ,value:new Date()
        ,done: function(value, date, endDate){//控件选择完毕后的回调---点击日期、清空、现在、确定均会触发。
            $('#month1').val(value);
            // $('#month1').val();

        }
    })
</script>
@}
